<!DOCTYPE html>
<html>

	<head>
		<meta charset='UTF-8'>
		<title></title>
		<script type='text/javascript' src='js/jquery-1.12.4.js'></script>
		<script type='text/javascript' src='js/test.js'></script>
		<link rel="stylesheet" href="img22/iconfont.css" />
		<style>
        * {
            margin: 0;
            outline: medium none;
        }

        .help_d {
            width: 800px;
            height: 370px;
            overflow: hidden;
            margin: 0px auto;
        }

        .help_m {
            width: 30%;
            height: 100%;
            float: left;
            text-align: center;
            cursor: pointer;
            background-color: #F3EDF8;
            margin: 0 1.5%;
        }

        .help_m:hover {
            background-color: rgba(171, 255, 14, 0.24);
        }

        .help_d .title {
            width: 100%;
            text-align: center;
            margin-top: 10px;
            font-size: 25px;
            font-family: '微软雅黑';
            font-weight: bold;
            letter-spacing: 7px;
            color: #807E7E;
            color: lightseagreen;
        }

        .help_d img {
            width: 40%;
        }

        .help_d .dimg {
            margin-top: 30%;
        }
        /*bug*/
        .bug_d {
            margin: 0px auto;
            width: 900px; /* 1110px;  600px;*/
            height: 430px;
            border: 1px solid #F2F2F2;
            overflow: hidden;
        }

        .bug_b1 {
            float: left;
            width: 35%;
            height: 100%;
            background-color: #DBDBDB;
        }

        .bug_b2 {
            width: 65%;
            float: left;
            padding: 30px 0px;
            height: 100%;
            background-color: #F2F2F2; /*DBDBDB*/
        }

        .bug_d .centen {
            width: 70%;
            height: 100%;
            margin: 0 auto;
        }

        .bug_d .d2 {
            height: 200px;
        }

        .bug_d .inp1,
        .bug_d .tex1 {
            width: 95%;
            background: #fff none repeat scroll 0 0;
            border: 1px solid #ccc;
            border-radius: 3px;
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) inset;
            color: #222;
            font-size: 13px;
            line-height: 15px;
            padding: 6px 10px;
        }

        .bug_d .tishi {
            font-family: '微软雅黑';
            margin: 5px 0px;
            color: #919191;
            position: relative;
        }

        .bug_d .inp1 {
            margin: 20px 0px;
        }

        .bug_d .tex1 {
            height: 220px;
        }

        .bug_d .tijiao {
            margin-top: 30px;
            width: 85px;
            height: 30px;
            background-color: #E5E4E4;
            color: #808080;
            font-size: 16px;
            border: 1px solid #CECDCD;
            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
        }

        .bug_d .tijiao:hover {
            background-color: #CDE8CF;
        }

        .bug_d .d3 {
            text-align: right;
        }

        .bug_d .wenben {
            margin: 0px 60px;
            font-size: 20px;
            font-family: '微软雅黑';
            font-weight: 800;
            color: #F4F6F6;
        }

        .bug_d .img1 {
            width: 40%;
            margin: 70px 30% 40px 28%;
        }

        .bug_d .fshangc {
            float: right;
            position: relative;
            width: 30px;
            height: 30px;
            right: 20px;
            margin-bottom: 3px;
            border-radius: 5px;
        }

       .bug_d .fshangc:hover {
            width: 30px;
            height: 30px;
            border-radius: 5px;
            background-color: lightgray;
            margin-bottom: 3px;
        }

        .bug_d #SWFUpload_0 {
            height: 50px;
        }

        .bug_d .fujian {
            width: 30px;
            height: 30px;
            margin-right: 20px;
            border-radius: 3px;
        }

        .bug_d #shangchuan {
            position: absolute;
            width: 45px;
            height: 35px;
            float: right;
            opacity: 0;
            background-color: blue;
            line-height: 50px;
            display: inline;
            margin-right: 10px;
        }

        .bug_d #SWFUpload_0_0, #up_files, .up_start, .up_stop {
            display: none;
        }

        .bug_d #zhanshi1 {
            float: left;
            width: 35px;
            height: 45px;
            right: 0px;
            position: absolute;
        }

        .bug_d .wj {
            overflow: hidden;
            padding-left: 10px;
            display: inline;
            line-height: 20px;
            margin-right: 150px;
            height: 300px;
            width: 60px;
        }

        .wenji img {
            width: 15px;
        }

        .wenji {
            display: inline;
            margin: 0 0px;
            position: relative;
            bottom: -9px;
            padding: 2px 5px;
            border-radius: 5px;
            cursor: pointer;
        }

        .wenji:hover {
            background-color: rgba(0, 0, 0, 0.1);
        }
        .bug{
        	font-size: 100px;
        }
    </style>
    <script>
        function help_xs() {
            var ix = $(window).width() / 900
            $(".help_d").css({
                "width": 800 * ix,
                "height": 370 * ix,
                "margin-top": ($(window).height() - 390 * ix) / 2
            })
        }
        function helpInit() {
            help_xs();
            $(".bug").click(function () {
                var qiye=getCookie('u02')
                window.location.href = '../wuye/help.aspx?type=bug&qiyema=' + qiye;
            })
        }
        /*bug*/
        function bug_xs() {//bug页的显示初始化
            var ix = $(window).width() / 1100
            $(".bug_d").css({
                "width": 900 * ix,
                "height": 470 * ix,
                "margin-top": ($(window).height() - 470 * ix) / 2
            })
            $(".tex1").css("height", 180 * ix)
            $(".d2").css("height", 180 * ix+20)
            $(".wenben").css("font-size", 23* ix)
        }
        function bug_sc() {//绑定上传
            $.jqUpload.jUpload1("shangchuan", "zhanshi1", 3, 20, 1, "*", '', '', null, null)

            $("body").on("click", ".wenji", function () {//移除上传文件的click
                var wenjianid = $(this).attr('wenjianid')
                $('#zhanshi1').uploadify('cancel', wenjianid)
                $(this).remove();
            })
        }
        function bugInit() {
            bug_xs();
            bug_sc();

            $(".tijiao").click(function () {
                var qiyema = getCookie("u02");//企业码
                var inp1 = new String($(".inp1").val());  //标题
                var tex1 = new String($(".tex1").val());  //bug内容
                if (inp1.length > 1) {
                    if (tex1.length > 3) {
                        $.post("../wuye/help.aspx?lb=0&type=bug", $(":input[name]").serialize(), function (d) {
                            if (d == 1) {
                                $(".up_start").click();
                                alert("成功")
                                $(window.parent.document).find("#do_close").click()
                            } else {
                                alert(d)
                            }
                        })
                    } else {
                        alert('请输入内容');
                    }
                } else {
                    alert('请输入标题');
                }

            })
        }
        $(function () {
       
 helpInit();
        })
    </script>
</head>
<body>

    <div class='help_d'>
        <div class='help_m bangzhu'>
            <div class='dimg'>
                <span class="iconfont icon-bug bug"></span>
            </div>
            <div class='title'>
                帮助文档
            </div>
        </div>
        <div class='xian'>
        </div>
        <div class=' help_m bug'>
            <div class='dimg'>
                <img src='img/2.png' />
            </div>
            <div class='title'>
                需求与bug
            </div>
        </div>
        <div class='xian'>
        </div>
        <div class=' help_m zhichi'>
            <div class='dimg'>
                <img src='img/3.png' />
            </div>
            <div class='title'>
                技术支持
            </div>
        </div>

       </div>
    
</body>

</html>
